/*ls*/
@media(max-width:768px){
    body{
        background: none;
    }
    .headBox{
        min-width: unset;
    }
    .headBg{
        background: url(../img/banner-ph.jpg) center top no-repeat;
        background-size: contain;
        width: 100%;
        height: 17.7vw;
    }
    .index-nav{
        height: 0;
    }
    .nav-line{
        height: 0;
    }
	.newsfour{
		height:245px;
	}
    .w1200{
        width: 100%;
    }
    .searchBox .headCtrl{
        font-size: 3.5vw;
        margin-right: 1vw;
    }
    .searchBox span{
        display: none;
    }
	.YJSBox{
        margin-right: 20vw;
        margin-top: 4vw;

        display: none;
    }
    .searchBox{
        margin-right: 20vw;
        margin-top: 4vw;

        display: none;
    }
    .searchBox .headCtrl img{
        width: 3.5vw;
        height: auto;
    }


    .indexTitle .titleOne h1 a{
        font-size: 6vw;
    }
    .indexTitle .titleOne h1{
        width: 90%;
        margin: 0 auto;
    }
    .indexTitle .titleTwo h2 a{
        font-size: 3vw;
    }
    .indexTitle .titleTwo h2{
        width: 32%;
    }
    .indexTitle .titleTwo span{
        font-size: 3vw;
        width: 2%;
        line-height: 4.8vw;
    }
    .indexTitle .titleTwo{
        margin: 10px auto 0;
        width: 95%;
    }
    .indexTitle .titleOne{
        margin-top: 15px;
    }
    .newsBox .newsLeft{
        width: 95%;
        margin: 0 auto;
        float: unset;
		height:17em;
    }
    .newsBox{
        margin-top: 20px;
    }
    .newsBox .newsLeft .swiper-slide h1{
        width: 100%;
        color: white;
        text-align: left;
        height: 30px;
        line-height: 30px;
        background-color: rgba(0,0,0,0.5);
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .newsBox .newsLeft .swiper-slide h1 span {
        padding-left: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 60%;
        display: block;
        font-size: 2vw;
    }
    .newsBox .newsLeft .swiper-pagination {
        bottom: 2vw;
        text-align: right;
        left: unset;
        right: 5px;
    }
    .newsBox .newsRight{
        width: 100%;
    }
    .newsBox .newsNav .newsTab1.lactive{
        width: 38%;
        background-size: contain;
        font-size: 4vw;
        padding-left: 0;
        text-align: center;
        height: 9.3vw;
        line-height: 9.3vw;
    }
    .newsBox .newsNav .newsTab1{
        width: 38%;
        background-size: contain;
        font-size: 4vw;
        padding-left: 0;
        text-align: center;
        height: 9.3vw;
        line-height: 9.3vw;
    }
    .newsBox .newsRight{
        width: 95%;
        margin: 20px auto 0;
        float: none;
    }
    .newsBox .newsNav .newsTab2{
        width: 42.7%;
        background-size: contain;
        font-size: 4vw;
        padding-left: 0;
        height: 9.4vw;
        line-height: 9.4vw;
        text-align: center;
        margin-left: -2vw;
    }
    .newsBox .newsNav .newsTab3{
        width: 18.2%;
        background-size: contain;
        height: 9.4vw;
        margin-left: -2vw;
		line-height:30px;
    }
    .newsBox .newsList ul{
        margin-top: 0;
    }
    .newsBox .newsList ul li h1{
        font-size: 4.5vw;
        margin-bottom: 10px;
    }
    .newsBox .newsList ul li p{
        font-size: 3.7vw;
    }
    .newsBox .newsList ul li{
        /*padding: 15px 0;*/
    }
    .adBox{
        margin-top: 35px;
		height:240px;
    }
    .adBox .zt1,.adBox .zt2,.adBox .zt3{
        width: 95%;
        margin: 10px auto;
        float: none;
    }
    .adBox .zt1 img,.adBox .zt2 img,.adBox .zt3 img{
        width: 100%;
        height: auto;
    }
    .styBox .styLeft{
        width: 95%;
        margin: -26px auto;
        float: none;
    }
    .styBox .navHead{
        background: url(../img/tibg1.png) right top no-repeat;
        width: 21vw;
        font-size: 4vw;
        padding-left: 2vw;
        font-weight: bold;
    }
    .styBox .styRight .navHead{
        background: url(../img/tibg1.png) right top no-repeat;
        width: 40vw;
        font-size: 5vw;
        padding-left: 5vw;
        font-weight: bold;
    }
    .styBox .styNav{
        margin-top: 20px;
    }
    .styBox .styTab{
        padding-left: 19vw;
        margin-top: 2vw;
    }
    .styBox .styTab .sty{
        font-size: 3vw;
        /*margin-right: 2vw;
        padding-top: 9px;*/
    }
    .styBox .more a{
        font-size: 3vw;
        padding-right: 1vw;
    }
    .styTabBox .styTabLeft{
        width: 100%;
    }
    .styTabBox .styLb{
        width: 100%;
    }
    .styTabBox .styTabLeft h1 a{
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
    .styTabBox .styTabLeft h1{
        padding: 0 5px;
        margin: 10px 0;
        font-size: 5vw;
        font-weight: bold;
    }
    .styTabBox .styTabLeft p{
        padding: 0 2%;
        font-size: 4vw;
        color: #666;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        width: 96%;
        line-height: 8vw;
    }
    .styTabBox .styTabRight{
        margin-left: 0;
        width: 100%;
        /*margin-top: 10px;*/
    }
    .styTabBox .styTabRight p{
        padding: 0 2%;
        font-size: 4vw;
        width: 96%;
        line-height: 8vw;
        margin-top: 10px;
    }
    .styTabBox .styTabRight h1 a{
        font-size: 5vw;
    }
    .styTabBox .styTabRight ul li{
        font-size: 4vw;
    }
    .styBox .styRight{
        float: none;
        width: 95%;
        margin: 0 auto;
    }
    .styRight .styTabTwoBox .styRiLb{
        width: 100%;
        height: 58vw;
    }
    .styRight .styTabTwoBox ul li{
        font-size: 4vw;
        padding: 2% 0;
    }
    .newsBox .newsLeft .swiper-pagination-bullet-active{
        padding: 0 1px;
    }
    .newsBox .newsLeft img{
        height: 54vw;
    }
    .confucian-table img{
        width: 20vw;
        height: 24vw;
    }
    .headInput{
        display: none;
    }
    .xsyj-a{
        display: none !important;
    }
    .xsyj-a-p{
        display: inline-block;
    }

    .indexTitle .titleOne h1 a{
        overflow: unset;
        text-overflow: unset;
        white-space: unset;
		padding-top:0px;
    }
    .indexTitle .titleOne a{
        overflow: unset;
        text-overflow: unset;
        white-space: unset;
    }
    .indexTitle .titleTwo h2:nth-child(5){
        display: none;
    }
    .indexTitle .titleTwo span:nth-child(4){
        display: none;
    }
    .indexTitle .titleTwo h2{
        width: 49%;
    }
	.spread-topImg .spread-topImg-pc{
	display:none;
}
.spread-topImg .spread-topImg-app{
	display:block;
}
.comm-img .comm-img-pc{
	display:none;
}
.comm-img .comm-img-app{
	display:block;
}
.appleft{
	width:95%;
	margin:10px auto;
	float:none;
	
}
.lyright{
	width:95%;
	margin:10px auto;
	float:none;
	
}
}
@media(min-width:768px){
    .xsyj-a{
        display: inline-block;
    }
    .xsyj-a-p{
        display: none !important;
    }
}

/*nxx*/
@media(max-width:768px){
    .t-bg {
        height: 9.3vw;
    }
	.t1-bg {
        height: 9.3vw;
    }
	.nssj{display:none;}
    .t-bg .t-title {
        font-size: 4vw;
        line-height: 9.3vw;
        margin-left: 30px;
    }
	.t1-bg .t-title {
        font-size: 4vw;
        line-height: 9.3vw;
        margin-left: 30px;
    }
	.rxzxnew{
	width:100%;
}
.rxzxnew dl{
	height:auto;
	width:15vw;
	float:left;
	margin:6px 9px 0px 9px;
}
.rxzxnew dl dt{
	width:14.9vw;
	height:auto;
	/*border:1px solid #9d9d9d;*/
}
.rxzxnew dl dt img{
	width:14.9vw;
	height:auto;
}
.rxzxnew dl dd{
	font-family:"微软雅黑";
	font-size:12px;
	padding-top:5px;
}
.rxzxnew dl dd a{
	color:#454545;
}
    .phone-more{
        display: block;
        background: url(../img/more.png) center right no-repeat;
        background-size: contain;
        height: 9.3vw;
        float: right;
        width: 30%;

        display: none;
    }
    .phone-more a{
        display: block;
        height: 9.3vw;
    }
    /*人才培养*/
    .talentDevelopment-box{
        width: 95%;
        margin: 0px 0 0 2.5vw;
        height: auto;
    }
    .t-bg .t-more a{
        font-size: 3.5vw;
        margin-right: 10px;
        line-height: 9.3vw;
    }
	.t1-bg .t-more a{
        font-size: 3.5vw;
        margin-right: 10px;
        line-height: 9.3vw;
    }
    .talent-swiper-slide .talent-swiper-txt{
        font-size: 12px;
        bottom: 0;
        width: 96%;
        padding: 10px 3%;
        text-align: left;
    }
    .common-ul li{
        /*padding: 0px 0 10px 0;*/
        font-size: 20px;
    }
    .common-ul li a{
        font-size: 4vw;
        float: none;
        height: auto;
		white-space: nowrap;
		display: block;
		transform: translateY(0px);
    }
	
	/*儒学名家*/
    .confucianScholar-box{
        width: 100%;
        margin-top: 20px;
        height: auto;
    }
    .confucianScholar-box .title-box{
        margin: 0 2vw;
    }
    .confucian-table{
        border-spacing: 5px 35px;
    }
    .confucian-table tr span{
        font-size: 12px;
    }
    .confucian-swiper-button-next,.confucian-swiper-button-prev{
        display: none;
    }
    /*传播普及*/
    .spread-box{
        width: 95%;
        margin: 30px 0 0 2.5vw;
        height: auto;
    }
	.row3 .spread-box{
		width:95%;
		height:auto;
		margin: 30px 0 0 2.5vw;
		float:none;
	}
	.row3 .spread-box:nth-of-type(1){
		margin: 30px 0 0 2.5vw;
	}
    .topImg-txt a{
        margin: 10px 20px;
    }
    /*交流互鉴*/
    .communicate-box{
        width: 95%;
        margin: 30px 2.5vw 0;
        height: auto;
    }
    .comm-title {
        font-size: 3.5vw;
        line-height: 9.3vw;
        left: 41%;
    }
    .comm-content-right{
        display: none;
    }
    .comm-content-left{
        width: 100%;
    }
    .common-ul {
        /*margin: 20px 0;*/
    }
    /*数字化工程*/
    .academicBg{
        /*display: none;*/
        background: none;
        position: relative;
        clear: both;
    }
    .digitalEngineering-box {
        height: auto;
    }
    .academicBg .row{
        width: 100%;
    }
    .digitalEngineering-box{
        width: 95%;
        height: 45vh;
        margin: 20px 0 0 2.5vw;
    }
    .eng-img{
        height: 22vw;
        width: 50vw;
    }
    .eng-img1 {
        margin: 23.8vw 0 0 1.7vw;
    }
    .eng-img2 {
        margin: 24.1vw 0 0 44vw;
    }
    .eng-img3 {
        margin: 49.5vw 0 0 1.5vw;
    }
    .eng-img4 {
        margin: 49.8vw 0 0 44vw;
    }
    .eng-img h1{
        font-size: 4vw;
        padding-left: 2vw;
    }
    .comm-img{
        width: 95%;
        margin: 0 auto;
        height: auto;
    }
    .comm-img img{
        /*width: 100%;*/
        height: auto;
    }
    /*学术研究*/
    .academic-box{
        width: 95%;
        margin: 20px 2.5vw;
        height: 122vw;
    }
    .acaCon {
        margin: 0vw 0 0 3.5vw;
    }
    /*友情链接*/
    .bottomLinks-box{
        display: none;
    }
    /*footer*/
    footer{
        clear: left;
        position: relative;
        background: url(../img/footBgs.png) left bottom no-repeat;
        background-size: cover;
        width: 100%;
        font-size: 12px;
        margin-left: 0;
        padding-top: 26vw;
        min-height: unset;
    }
    .foot-box{
        width: 100%;
        text-align: left;
    }
    .foot-erweima{
        margin:0 0 0 3%;
    }
    .ewm{
        top: -22vw;
        position: relative;
        width: 15vw;
        height: 15vw;
        margin: 30px 3px;
    }
    .ewm span {
        font-size: 12px;
        top: 16vw;
    }
    .f-toutiao{
        width: 5vw;
        height: 5vw;
        margin: -33% 6% 0 0;
    }
    .f-douyin{
        width: 5vw;
        height: 5vw;
        margin: -19% 6% 0 0;
    }
    .f-toutiao span{
        font-size: 12px;
        margin-top: 0;
        margin-left: 25px;
        width: 36vw;
    }
    .f-douyin span{
        font-size: 12px;
        margin-top: 0;
        margin-left: 25px;
        width: 36vw;
    }
    .copyright {
        margin-left: 10px;
        padding-bottom: 20px;
    }
    .copyright p{
        font-size: 12px;
        padding-top: 0;
    }
    .copyright-br{
        display: block;
    }
    @media(max-width:320px){
        .academic-box{
            height: 140vw;
        }
        .f-toutiao{
            background: none;
        }
        .f-douyin{
            background: none;
        }
        .f-toutiao span{
            margin-left: -3px;
        }
        .f-douyin span{
            margin-left: -3px;
        }
    }
    @media only screen and (min-height: 812px){
        .digitalEngineering-box{
            margin-top: 0;
        }
        .academic-box{
            margin-top: 0;
			margin-bottom:70px;
        }
        .eng-img1 {
            margin: 32.8vw 0 0 2.9vw;
        }
        .eng-img2 {
            margin: 32.8vw 0 0 47.3vw;
        }
        .eng-img3 {
            margin: 59.5vw 0 0 2.9vw;
        }
        .eng-img4 {
            margin: 59.5vw 0 0 47.3vw;
        }
    }

    .sel.le{
        clear: left;
        margin: 0 auto 10px;
        display: block;
        float: unset;

    }
    .link p{
        text-align: center;
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }
    .link{
        padding-bottom: 10px;
        /*margin-bottom: 10px;*/
    }

    
}